@import "./extend";
// 收费弹框
.dialog-content {
  .project {
    .charge-r-total {
      height: 40px;
      line-height: 40px;
      display: flex;
      font-size: $fontSize-1;

      & > span:nth-child(1) {
        flex: 1;
        text-align: right;
        display: inline-block;
        padding-right: 15px;
      }
      & > span:nth-child(2) {
        padding-right: 15px;
        font-size: $fontSize-1;
        font-weight: 600;
      }
    }
  }

  .history-project {
    .arrears-content {
      border-top: 2px solid $mainColor;
    }
    .arrears-head {
        height: 40px;
        line-height: 40px;
        background: $a2-Color;
        padding-right: 10px;
        text-align: right;
        @extend .standard-4;
      }
      .arrears-head > span:last-child {
        color: $a4-Color;
        padding-left: 10px;
      }
  }

  .Payment-method {
    .advance {
        border-top: 2px solid $mainColor;
        // .advance-head {
        //   height: 40px;
        //   line-height: 40px;
        //   background: $a2-Color;
        //   border-bottom: 2px solid $mainColor;
        //   display: flex;
        //   @extend .standard-4;
        //   .head-title {

        //   }
        //   .head-title > span{
        //     padding-left: 10px;
        //   }
        //   .head-title > span:nth-child(2) {
        //     padding-left: 0;
        //   }
        //   .head-btn {
        //     flex: 1;
        //     text-align: right;
        //     padding-right: 10px;
        //     & > i {
        //       @extend .standard-10;
        //       padding-left: 10px;
        //       cursor: pointer;
        //     }
        //   }
        // }
        .advance-content {
          padding: 20px;
          .group {
            font-size: $fontSize-1;
            display: flex;
            align-items: center;
            background: $a2-Color;
            height: 40px;
            .group-left {
              display: flex;
              align-items: center;
              font-size: $fontSize;
              .label {
                padding: 0 10px;
              }
            }
            .group-right {
              flex: 1;
              text-align: right;
              padding-right: 10px;
              @extend .standard-10;
              & > i {
                cursor: pointer;
              }
            }
          }
        }
      }
  }

  .info-footer {
    .owe {
        border-top: 2px solid $mainColor;
        .owe-head {
          height: 40px;
          line-height: 40px;
          display: flex;
          padding-left: 10px;
          @extend .standard-4;
          justify-content: space-evenly;
          .head-l {
            flex: 1;
            & > span:last-child {
              color: $a4-Color;
              padding-left: 10px;
            }
          }
          .head-r {
            
            text-align: right;
            padding-right: 10px;
            & > span:last-child {
              color: green;
              padding-left: 10px;
            }
          }
        }

        .owe-conntent {
          & > span {
            font-size: 14px;
            margin-bottom: 5px;
            display: inline-block;
          }
          padding: 0 20px;
        }
      }
  }
}